<template>
    <div class="footer">
        <van-tabbar v-model="active" route>
            <van-tabbar-item icon="home-o" to="/">首页</van-tabbar-item>

            <van-tabbar-item icon="friends-o" to="/shop">购物车</van-tabbar-item>

        </van-tabbar>
    </div>
</template>
<script setup>
import { ref } from 'vue';
const active = ref(0);
</script>